<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>点击即可编辑单元格</title>
		<link rel="stylesheet" href="bagua.css" />
		<link rel="stylesheet" href="my.css" />
	</head>
	<body>
		<p>Click on a table cell to edit it. Press OK or CANCEL when you finish.</p>

		<table id="bagua-table">
			<tr>
				<th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
			</tr>
			<tr>
				<td class="nw"><strong>Northwest</strong> <br />Metal <br />Silver <br />Elders</td>
				<td class="n"><strong>North</strong> <br />Water <br />Blue <br />Change</td>
				<td class="ne"><strong>Northeast</strong> <br />Earth <br />Yellow <br />Direction</td>
			</tr>
			<tr>
				<td class="w"><strong>West</strong> <br />Metal <br />Gold <br />Youth</td>
				<td class="c"><strong>Center</strong> <br />All <br />Purple <br />Harmony</td>
				<td class="e"><strong>East</strong> <br />Wood <br />Blue <br />Future</td>
			</tr>
			<tr>
				<td class="sw"><strong>Southwest</strong> <br />Earth <br />Brown <br />Tranquility</td>
				<td class="s"><strong>South</strong> <br />Fire <br />Orange <br />Fame</td>
				<td class="se"><strong>Southeast</strong> <br />Wood <br />Green <br />Romance</td>
			</tr>
		</table>

		<script src="script.js"></script>
	</body>
</html>
